*{
  margin: 0;
  padding: 0;
}
body{
  height: 100vh;
  background: url("../../images/10.png");
  background-size: 100% 100%;/*自适应图片大小，宽高均为100%*/
  font-family: "微软雅黑";
  letter-spacing: 1px;
}
.container{
  height: 100%;
  width: 100%;
}
.login-wrapper{
  position: absolute;
  width: 300px;
  height: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 10px;
  /*background-image: linear-gradient(to right,rgba(168,237,234,0.5),rgba(254,214,227,0.5));*/
  background: rgba(255,255,255,0.3);
  /* background: #ffffff; */
}
.login-wrapper{
  padding: 10px;
}
.header{
  font-size: 30px;
  text-align: center;
  line-height: 200px;
  font-weight: bold;
}
.login-wrapper .input-item::placeholder{
  text-transform: uppercase;
}
.login-wrapper .input-item{
  display: block;
  width: 200px;
  margin: 0 auto 20px;
  border: 1;
  padding: 2px 10px;
  outline: none;
}
.login-wrapper .form-wrapper .btn{
  margin: 0 auto;
  width: 75%;
  color: white;
  background-image: linear-gradient(to right,#92fe9d,#00c9ff);
  text-align: center;
  padding: 10px 0;
  border-radius: 3px;
  cursor: pointer;
}
.login-wrapper .msg{
  line-height: 100px;
}
.login-wrapper .msg a{
  color: #fbc2eb;
}
